<meta charset=utf8>
<style>
    #apiurl {
        width: 20%;
        height: 100%;
        background-color: #c0c0c0;
        float: left;
    }

    #pinput {
        width: 40%;
        background-color: #cccccc;
        height: 100%;
        float: left;

    }

    #poutput {
        width: 40%;
        background-color: gray;
        height: 100%;
        float: left;
    }
</style>
<script  type="text/javascript">
    document.write('<script src="/static/a.js?ver="'
            +Math.random()+'"type="text/javascript"><\/script>');

</script>

<script type="text/javascript" src="/static/js/jquery.js"></script>

<div>
    <div id=apiurl>
        <script>
            for (var i in urls) {
                document.write("<a href='#' onclick='" + urls[i] + "();return false;'>" + i + "</a><br>");
            }
            // $.ajaxSetup({
            //   data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
            //});
        </script>


    </div>


    <div id=pinput></div>


    <div id=poutput></div>

    <div style="clear:both"></div>
</div>